<template>
  <div class="home">
        <Header head-title="医生主页" go-back="true"></Header>
        <section class="bg_blue Registed">
            <section class="Select fa">
                <section>
                    <img class="HosIcon" src="../../../assets/img/41692556-8.jpg" alt="">
                </section>
                <section class="fontCfff doctorCon">
                    <h3 class="fontsM">刘艳晓</h3>
                    <p class="fonts">平顶山市第一人民医院</p>
                    <el-rate class="score" v-model="value" disabled show-score text-color="#fff" score-template="好评率{value}"></el-rate>
                </section>
                <section class="Selects attent">
                    <el-button size="small">已关注</el-button>
                </section>
            </section>
        </section>
        <section class="group">
            <h3 class="HomeH fonts">个人简介</h3>
            <p class="fonts fontC Ass_p">1994年毕业于新乡医学院，本科学士1995年在平顶山市第一人民医院内分泌糖尿病科工作至今</p>
        </section>
        <section class="group">
            <h3 class="HomeH fonts">擅长疾病</h3>
            <p class="fonts fontC Ass_p">糖尿病，甲状腺，肾上素，脑垂体等疾病的诊治，尤其对糖尿病，甲状腺疾病</p>
        </section>
        <section class="group Select DoctorSele">
            <div>
                <img class="Doctor" src="../../../assets/img/doctor1.png" alt="">
                <p class="fonts">预约挂号</p>
            </div>
            <div>
                <img class="Doctor" src="../../../assets/img/doctor2.png" alt="">
                <p class="fonts">在线咨询</p>
                <p class="fonts activecolor">未开通</p>
            </div>
            <div>
                <img class="Doctor" src="../../../assets/img/doctor3.png" alt="">
                <p class="fonts">专病管理</p>
                <p class="fonts activecolor">未开通</p>
            </div>
        </section>
        <section class="group">
            <h3 class="HomeH fonts">患者评价(10)</h3>
            <section class="JKall">
                <section class="Select">
                    <div class="Select">
                        <div class="Doctor">
                            <img src="../../../assets/img/Touxiang.png" alt="">
                        </div>
                        <div class="Doctor_pj">
                            <p class="fonts">渣渣辉</p>
                            <p class="fonts">18******90</p>
                        </div>
                    </div>
                    <el-rate class="score" v-model="value1" disabled text-color="#aaa"></el-rate>
                </section>
                <p class="fontsMin Ass_p">糖尿病，甲状腺，肾上素，脑垂体等疾病的诊治，尤其对糖尿病，甲状腺疾病</p>
            </section>
            <section class="JKall">
                <section class="Select">
                    <div class="Select">
                        <div class="Doctor">
                            <img src="../../../assets/img/Touxiang.png" alt="">
                        </div>
                        <div class="Doctor_pj">
                            <p class="fonts">渣渣辉</p>
                            <p class="fonts">18******90</p>
                        </div>
                    </div>
                    <el-rate class="score" v-model="value1" disabled text-color="#aaa"></el-rate>
                </section>
                <p class="fontsMin Ass_p">糖尿病，甲状腺，肾上素，脑垂体等疾病的诊治，尤其对糖尿病，甲状腺疾病</p>
            </section>
            <section class="JKall">
                <section class="Select">
                    <div class="Select">
                        <div class="Doctor">
                            <img src="../../../assets/img/Touxiang.png" alt="">
                        </div>
                        <div class="Doctor_pj">
                            <p class="fonts">渣渣辉</p>
                            <p class="fonts">18******90</p>
                        </div>
                    </div>
                    <el-rate class="score" v-model="value1" disabled text-color="#aaa"></el-rate>
                </section>
                <p class="fontsMin Ass_p">糖尿病，甲状腺，肾上素，脑垂体等疾病的诊治，尤其对糖尿病，甲状腺疾病</p>
            </section>
            <section class="JKall">
                <section class="Select">
                    <div class="Select">
                        <div class="Doctor">
                            <img src="../../../assets/img/Touxiang.png" alt="">
                        </div>
                        <div class="Doctor_pj">
                            <p class="fonts">渣渣辉</p>
                            <p class="fonts">18******90</p>
                        </div>
                    </div>
                    <el-rate class="score" v-model="value1" disabled text-color="#aaa"></el-rate>
                </section>
                <p class="fontsMin Ass_p">糖尿病，甲状腺，肾上素，脑垂体等疾病的诊治，尤其对糖尿病，甲状腺疾病</p>
            </section>

        </section>
        <Loading v-if="ShowLoading"></Loading>
  </div>
</template>

<script>
import Header from '../../../components/Header'
import Loading from '../../../components/Loading'
export default {
  data () {
    return {
      value: 3.7,
      value1: 4.5,
      ShowLoading: false
    }
  },
  mounted: {
  },
  components: {
    Header,
    Loading
  },
  created () {
  },
  methods: {

  }
}
</script>

<style scoped>
.home {
    padding-top: 0.8rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}
.group1 {
    padding-top: 0;
    margin-top: 0;
}
.Registed {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.fa {
  align-items: flex-start;
}
/* .el-rate .el-rate__item .el-rate__icon {
    margin-right: none;
} */
.DoctorSele {
    padding: 0.3rem 0.7rem;
}
</style>
<style>
.el-rate__item .el-rate__icon{
    margin-right: none;
}
</style>
